<%@ include file="/static/common/taglibs.jsp" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
    <meta name="author" content="jack"/>
    <meta name="keywords" content="网页描述"/>
    <meta name="description" content="网页关键字"/>
    <title>我的珠宝店</title>
    <link rel="stylesheet" type="text/css" href="${ctx}/static/css/global.css"/>
    <link rel="stylesheet" type="text/css" href="${ctx}/static/css/layout.css"/>
    <script type="text/javascript" src="${ctx}/static/js/jquery.min.js"></script>
    <!--<script type="text/javascript" src="${ctx}/static/js/easyzoom.js"></script>-->
    <script type="text/javascript" src="${ctx}/static/js/global.js"></script>
    <script type="text/javascript" src="${ctx}/static/js/ring-detail.js"></script>
<%--    <script type="text/javascript">
        jQuery(function ($) {
            //$('.li_con1 a').easyZoom();
           // $('.li_con2 a').easyZoom();
           // $('.li_con3 a').easyZoom();
        });

        function addShopCars(id) {
            if (confirm("确定加入购物车")) {
                $.post("${ctx}/ring/addShopCar", {id: id},
                        function (data) {
                            if (data != null) {
                                alert(data);
                            }
                        });
            }
        }
    </script>--%>
</head>
<body>
<div id="wrap" style="position:relative;">
    <div class="head">
        <div class="top">
            <h1><a href="${ctx}/index/toIndex"><img src="${ctx}/static/images/logo_head.jpg" alt=""/></a></h1>

            <div class="nav"><a href="${ctx}/index/toIndex"><img src="${ctx}/static/images/top_xtb.jpg" alt=""/>　挑选钻石/戒托</a>　|　<a href="${ctx}/account/user/">
                <img src="${ctx}/static/images/head_xtb1.jpg" alt=""/>　我的帐户</a>　|　
                <a href="${ctx}/ShopCart/"><img src="${ctx}/static/images/head_xtb2.jpg" alt=""/>　购物车 <b id="shopCartCount">0</b> 件</a>　|　
                <a href="${ctx}/logout"><img src="${ctx}/static/images/head_xtb3.jpg" alt=""/>　退出登录</a></div>
            <div class="del_float"></div>
        </div>
    </div>
    <div class="zuan_list">
        <h2><span><%--<a href="jie_list.html"><img src="${ctx}/static/images/jie_con_back1.jpg" alt=""/></a>--%>
        </span>挑选戒托</h2>

        <div class="del_float"></div>
        <div class="zhuan_list_table jie_list_table">
            <div class="jie_con">
                <div class="lef">
                    <ul>
                        <li class="first">
                            <a href="#" class="cur">
                                <img src="${ctx}/ring/getImage?photo=${ring.photo1}" alt=""
                                     width="36" height="50"/>
                            </a>

                            <div class="li_con li_con1">
                                <img src="${ctx}/ring/getImage?photo=${ring.photo1}" alt="" width="400px"
                                     height="377px"/>
                            
                            </div>
                        </li>
                        <li>
                            <a href="#"><img src="${ctx}/ring/getImage?photo=${ring.photo2}" alt="" width="36"
                                             height="50"/></a>

                            <div class="li_con li_con2" style="display:none;">
                                
                                    <img src="${ctx}/ring/getImage?photo=${ring.photo2}" alt="" width="400px"
                                         height="377px"/>
                                
                            </div>
                        </li>
                        <li>
                            <a href="#"><img src="${ctx}/ring/getImage?photo=${ring.photo3}" alt="" width="36"
                                             height="50"/></a>

                            <div class="li_con li_con3" style="display:none;">
                               
                                    <img src="${ctx}/ring/getImage?photo=${ring.photo3}" alt="" width="400px"
                                         height="377px"/></div>
                        </li>
                    </ul>
                </div>
                <div class="rig">
                    <h2>${ring.no}</h2>
                    <c:choose>
                        <c:when test="${cUser.type==2}">
                            <h4>会员价：￥<b>${ring.secondPrice}</b></h4>
                        </c:when>
                        <c:otherwise>
                            <h4>会员价：￥<b>${ring.price}</b></h4>
                        </c:otherwise>
                    </c:choose>

                    <p><b>款号：</b>${ring.no}</p>

                    <p><b>可镶主钻重量：</b>${ring.mainBeginWeigh}~${ring.mainEndWeigh}</p>

                    <p><b>可镶主钻形状：</b>${ring.mainShape}</p>

                    <p><b>金重>=：</b>${ring.goldWeight}</p>

                    <p><b>材质：</b>${ring.quality}</p>

                    <p><b>副钻重量>=：</b>${ring.minorWeigh}</p>

                    <p style="position:relative;"><b>指圈：</b>${ring.sizeBegin}-${ring.sizeEnd}<b style="color:#F00;cursor:pointer;" id="dingzhi">　　定制指圈</b>
                    	<div class="tishi" style="font-family:'宋体';color:#666;line-height:22px;border:solid 1px #ccc;padding:5px 10px;display:none;">该戒托指圈范围为现货戒托的指圈范围，诺您需选购小于或超出该指圈范围的戒托，也请下单，并请在订单确认页面的"备注"一栏中写下款号及所需指圈号码及字印要求，我司将在15个工作日之内制作完成戒托。</div>
                    </p>

                    <div class="jie_con_btn"><a onClick="addShopCars(${ring.id})" class="btn1">&nbsp;</a>
                        <a onClick="location='${ctx}/ring'" class="btn2">&nbsp;</a>
                    </div>
                </div>
                <div class="del_float"></div>
            </div>
        </div>
    </div>
    <span id="ding_btn1"><a href="${ctx}/ShopCart/">购物车 <b id="shopCartCount2">0</b> 件</a></span>
    <span id="ding_btn2"><img src="/xipujewelWeb/static/images/ding_btn1-02.png"/></span>
    <div class="footer">© 2014 My jewelry store</div>
</div>
</body>
</html>